<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<html>
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link rel="stylesheet" type="text/css" href="${ctx}/static/plug/h-ui/css/H-ui.min.css" />
<link rel="stylesheet" type="text/css" href="${ctx}/static/plug/h-ui.admin/css/H-ui.admin.css" />
<link rel="stylesheet" type="text/css" href="${ctx}/static/plug/Hui-iconfont/1.0.8/iconfont.css" />
<link rel="stylesheet" type="text/css" href="${ctx}/static/plug/h-ui.admin/skin/default/skin.css" id="skin" />
<link rel="stylesheet" type="text/css" href="${ctx}/static/plug/h-ui.admin/css/style.css" />
</head>
<body>
<article class="page-container">
	<form action="" method="post" class="form form-horizontal" id="form-member-add">
		<h3>停车场计费规则</h3>
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-3">
			免费停车时长：</label>
			<div class="formControls col-xs-8 col-sm-9">
					<input class="btn" type="button" value="+" onclick="alterStegeOne(1);">
					<input type="text" style="width: 40px;height: 20px;" value="${noCarnoParkRate==null?0.0:noCarnoParkRate.stegeOneTime}" id="stegeOneTime" name="stegeOneTime" disabled="disabled">
					<input class="btn" type="button" value="-" onclick="alterStegeOne(-1);">小时。
			</div>
		</div>
		
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-3">
			第一阶段计费：</label>
			<div class="formControls col-xs-8 col-sm-9">
				超过免费时长停车<input class="btn" type="button" value="+" onclick="alterstegeTwoTime(1);">
					<input type="text" style="width: 40px;height: 20px;" value="${noCarnoParkRate==null?0.0:noCarnoParkRate.stegeTwoTime}" id="stegeTwoTime" name="stegeTwoTime" disabled="disabled"> 
					<input class="btn" type="button" value="-" onclick="alterstegeTwoTime(-1);">小时内收费
					<input class="btn" type="button" value="+" onclick="alterstegeTwoRate(1)">
					<input type="text" style="width: 40px;height: 20px;" value="${noCarnoParkRate==null?10:noCarnoParkRate.stegeTwoRate}" id="stegeTwoRate" name="stegeTwoRate">
					<input class="btn" type="button" value="-" onclick="alterstegeTwoRate(-1)">元。
			</div>
		</div>
			
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-3">
			第二阶段计费：</label>
			<div class="formControls col-xs-8 col-sm-9">
				超过第一阶段计费时长停车每<input class="btn" type="button" value="+" onclick="alterstegeThreePerTime(1);">
					<input type="text" style="width: 40px;height: 20px;" value="${noCarnoParkRate==null?0.0:noCarnoParkRate.stegeThreePerTime}" id="stegeThreePerTime" name="stegeThreePerTime"> 
					<input class="btn" type="button" value="-" onclick="alterstegeThreePerTime(-1);">小时收费
					<input class="btn" type="button" value="+" onclick="alterstegeThreePerRate(1)">
					<input type="text" style="width: 40px;height: 20px;" value="${noCarnoParkRate==null?10:noCarnoParkRate.stegeThreePerRate}" id="stegeThreePerRate" name="stegeThreePerRate" disabled="disabled">
					<input class="btn" type="button" value="-" onclick="alterstegeThreePerRate(-1)">元。
			</div>
		</div>
		
		<div class="row cl">
			<div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-3">
				<input class="btn btn-primary radius" type="button" value="&nbsp;&nbsp;提交&nbsp;&nbsp;">
			</div>
		</div>
	</form>
</article>

<!--请在下方写此页面业务相关的脚本--> 
<script type="text/javascript" src="${ctx}/static/plug/My97DatePicker/4.8/WdatePicker.js"></script>
<script type="text/javascript" src="${ctx}/static/plug/jquery.validation/1.14.0/jquery.validate.js"></script> 
<script type="text/javascript" src="${ctx}/static/plug/jquery.validation/1.14.0/validate-methods.js"></script> 
<script type="text/javascript" src="${ctx}/static/plug/jquery.validation/1.14.0/messages_zh.js"></script>
<script type="text/javascript">
$(function(){
	$(".radius").click(function() {
		var param=getParam();
		$.ajax({
			type : "POST",
			url : "${ctx}/install/rule",
			data : param, //传入已封装的参数
			dataType : "json",
			success : function(result) {
				if(result.success){
					layer.msg(result.meg)
				}else{
					layer.msg(result.meg);
				}
			}
		});
	});
	
	
	
	$('.skin-minimal input').iCheck({
		checkboxClass: 'icheckbox-blue',
		radioClass: 'iradio-blue',
		increaseArea: '20%'
	});
	
});

function getParam() {
	var param={};
	var stegeOneTime=$("#stegeOneTime").val();
	var stegeTwoTime=$("#stegeTwoTime").val();
	var stegeTwoRate=$("#stegeTwoRate").val();
	var stegeThreePerTime=$("#stegeThreePerTime").val();
	var stegeThreePerRate=$("#stegeThreePerRate").val();
	
	if(stegeOneTime){
		param.stegeOneTime=stegeOneTime;
	}
	if(stegeTwoTime){
		param.stegeTwoTime=stegeTwoTime;
	}
	if(stegeTwoRate){
		param.stegeTwoRate=stegeTwoRate;
	}
	if(stegeThreePerTime){
		param.stegeThreePerTime=stegeThreePerTime;
	}
	if(stegeThreePerRate){
		param.stegeThreePerRate=stegeThreePerRate;
	}
	
	return param;
}




function alterStegeOne(value) {
	if($("#stegeOneTime").val()<=0&value==-1){
		$("#stegeOneTime").val(0);
	}else{
		$("#stegeOneTime").val(parseFloat($("#stegeOneTime").val())+parseInt(value)*0.5);
	}
}


function alterstegeTwoTime(value) {
	if($("#stegeTwoTime").val()<=0&value==-1){
		$("#stegeTwoTime").val(0);
	}else{
		$("#stegeTwoTime").val(parseFloat($("#stegeTwoTime").val())+parseInt(value)*0.5);
	}
}

function alterstegeTwoRate(value) {
	if($("#stegeTwoRate").val()<=0&value==-1){
		$("#stegeTwoRate").val(0);
	}else{
		$("#stegeTwoRate").val(parseInt($("#stegeTwoRate").val())+parseInt(value));
	}
}
	


function alterstegeThreePerTime(value) {
	if($("#stegeThreePerTime").val()<=0&value==-1){
		$("#stegeThreePerTime").val(0);
	}else{
		$("#stegeThreePerTime").val(parseFloat($("#stegeThreePerTime").val())+parseInt(value)*0.5);
	}
}

function alterstegeThreePerRate(value) {
	if($("#stegeThreePerRate").val()<=0&value==-1){
		$("#stegeThreePerRate").val(0);
	}else{
		$("#stegeThreePerRate").val(parseInt($("#stegeThreePerRate").val())+parseInt(value));
	}
}
</script> 
<!--/请在上方写此页面业务相关的脚本-->
</body>
</html>